<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<title>keydown事件-表单-JavaScript-WSCORE</title>
	<link href="../../theme/style.css" rel="stylesheet" type="text/css" />
	<script src="../../theme/browser.js" type="text/javascript"></script>
</head>
<body>
	<div class="header">
		<ol>
			<li><a href="../../index.html">首页</a></li>
			<li><a href="index.html">表单初始化</a></li>
			<li><a href="index.event.html">事件</a></li>
			<li>keydown</li>
		</ol>
	</div>
	<fieldset>
		<legend>keydown</legend>
		keydown事件，用于监控用户按下键盘任意键时的事件监听。<br />
		注意：系统默认的keydown事件，
		只对常用的数据进行验证；<br />
		支持：HTML5, XHTML, DHTML*<br />
		参考：http://www.w3.org/TR/html-markup/input.html
		<div class="br"></div>
		<form action="#" method="post">
		<table>
			<thead>
				<tr>
					<th>类型</th>
					<th>描述</th>
					<th>预览</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>text</td>
					<td>文本</td>
					<td><input type="text" name="text" filter="chinese" filter-min="2" filter-max="5" required placeholder="必填, 2-5个汉字" info-margin-left="-24" /></td>
				</tr>
				<tr>
					<td>textarea</td>
					<td>文本</td>
					<td><textarea name="textarea" filter-min="2" filter-max="5" required placeholder="必填, 2-5个汉字" info-margin-left="-24"></textarea></td>
				</tr>
				<tr>
					<td>password</td>
					<td>密码</td>
					<td><input type="password" name="password" filter-min="5" filter-max="12" required placeholder="必填, 5-12个字符" info-margin-left="-24" /></td>
				</tr>
				<tr>
					<td>date|datetime|datetime-local|time|week</td>
					<td>日期、时间</td>
					<td><input type="date" name="date" filter-min="-1y -1m -1d" filter-max="1y 1m 1d" required placeholder="格式：YYYY-MM-DD" info-margin-left="-24" /></td>
				</tr>
				<tr>
					<td>number</td>
					<td>整数</td>
					<td><input type="number" name="number" filter="number" filter-min="-10" filter-max="10" required placeholder="-10到10之间整数" info-margin-left="-24" /></td>
				</tr>
				<tr>
					<td>email</td>
					<td>邮箱</td>
					<td><input type="email" name="email" required placeholder="请填写有效邮箱" info-margin-left="-24" /></td>
				</tr>
				<tr>
					<td>url</td>
					<td>网址</td>
					<td><input type="url" name="url" required placeholder="请填写有效网址" info-margin-left="-24" /></td>
				</tr>
				<tr>
					<td>search</td>
					<td>搜索</td>
					<td><input type="search" name="search" required info-margin-left="-24" /></td>
				</tr>
				<tr>
					<td>tel</td>
					<td>电话</td>
					<td><input type="tel" name="tel" required placeholder="中国大陆固定电话" info-margin-left="-24" /></td>
				</tr>
			</tbody>
		</table>
		</form>
		
		<div class="code example">
			系统事件
		</div>
		<div class="param">
			<strong>selector</strong><br />
			类型：jQuery-Object<br />
			描述：绑定表单元素事件
			<div class="example"><pre><i>jQuery</i> ( '<u>input[name="email"]</u>' ) . <b>wscbase_form_event</b> ()</pre></div>
		</div>

		<div class="code example">
			自定义事件
		</div>
		<div class="param">
			<strong>selector</strong><br />
			类型：jQuery-Object<br />
			描述：绑定表单元素事件<br />
			注意：自定义事件只有系统事件验证正确后再执行
			<div class="example"><pre><i>jQuery</i> ( '<u>input[name="email"]</u>' ) . <b>data</b> ( '<u>wscore_keydown</u>', <b>function</b>( <u>cfg</u> ) {
	//# 这里写您需要的验证代码 
	//  参数cfg为Object, 格式如下
	//  var cfg = {
	//      elem 			: input#wscform-element-id-1, 
	//      filter 			: "email", 
	//      icon 			: null, 
	//      id 			: "wscform-element-id-1", 
	//      name 		: "email", 
	//      placeholder 	: "请填写有效邮箱", 
	//      placempty 		: null, 
	//      required 		: true, 
	//      theme 		: "a", 
	//      type 			: "text"
	//  };
	// 
	//  在非IE内核下(如: Chrome, Safari等), 可通过 console.log(cfg) 命令查看详细
	//  返回 : true, 表示通过验证
	//  　　 : false, 表示验证失败
})</pre></div>
		</div>
	</fieldset>
	<script type="text/javascript">try{$('input[name="email"]').data('wscore_keydown', function(cfg){console.log(cfg);});}catch(err){console.log(err);}</script>
</body>
</html>